*{margin: 0 ;padding: 0;}
ul{list-style-type: none;}
a{text-decoration:none;color:#c1c1c1 ;}
a:hover{text-decoration:none !important;}
.centre{width:100%;}
.centres{width:90%;margin:10px auto;}
.cent{width: 80%; margin:20px auto;}
.flex{display: flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.flexs{display: flex;justify-content:space-around;}

.renovation-hearder{
  // tou-top
  .main-top{
    display: flex;justify-content: end;
    li{
     border-right: 1px solid #c1c1c1;
      padding: 0 10px;
      box-sizing: border-box;
     &:last-child{border-right: 0;}
     a{color:#c1c1c1 ;}
    }
    @media (max-width:1024px ) {
      // display: none;
    }
  }
  // tou-bottom
  .main-bottom{
    .logo{
      img{
        display: block;
        min-width: 120px;
      }
    }
    // 导航
    .main-nav{
      display: flex;justify-content: space-between;flex-wrap: wrap;
      justify-content: center;
      li{
        padding:0 20px;
        box-sizing: border-box;
        .active{border-bottom: 2px solid #000;color: #000;}
        a{
          color: #000;
          line-height: 45px;
          margin-top: 10px;
        }
        a:hover{border-bottom: 2px solid #000;color: #000;}
      }
    }
    // 搜索
    .main-search{
      background-color: #f4f5f9;border-radius: 5px;padding:10px;box-sizing: border-box;display: flex;
      .bule{
        color:#2357cd;
        border-right: 1px solid #c1c1c1;
        padding: 0 5px 0 0;
        box-sizing: border-box;
      }
      input{border: 0;background:url(/img/search.png) no-repeat right #f4f5f9;padding:0  5px ;box-sizing: border-box;background-size:20px;}
    }
    
  }
}



// 底部

.renovation-bottom{
  color: #a4a39f;
  font-size: 0.65rem;
  padding: 10px 0;
  box-sizing:border-box;
  background-color: #222222;
  .bottom-top{
    display: flex;
    justify-content: space-between;
    
    .bot-left{
      width: 85%;
      display: flex; 
      justify-content: space-between;
      border-bottom: 1px solid #ccc;
      .about-bot{
        h5{color: #fff; span{color: #fbb03d;}}
        li{
          a{
          color: #a4a39f;
          }
        }
      }

    }
    .bot-right{
      width:10%;
      img{display: block;width: 100%;margin-bottom: 10px;}
      text-align: center;
    }
    
  }
  .bottom-center{
    width: 85%;
    padding: 20px 0;
    color:#a4a39f;
    border-bottom: 1px solid #ccc;
    .cen-top{
      span{color:#fbb03d ;}
    }

  }
  .bottom-bottom{
    width: 100%;
    padding-top: 20px;
    display: flex;
    justify-content:space-between;
    .bot-wen{
      width:75%;
    }
    .bot-img{
      display: flex;
      width:20%;
      justify-content: space-between;
      img{
        display: block;
        width:49%;
        height:30px;
      }
    }

  }







}